<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">

<head>
    <meta charset="UTF-8">
    <title>SMAP : 基本レイアウト1段組 【楽天トラベル】</title>
    <meta name="description" content="ホテル・旅館のご予約なら日本最大級の宿泊予約サイト「楽天トラベル」で！特集では、ご旅行の目的にぴったりの宿泊プランを掲載中です。楽天スーパーポイント貯まる・使える！ぜひこの機会にご利用ください。">
    <meta name="keywords" content="楽天トラベル,旅行,ホテル,旅館,予約">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">


    <!-- OGP -->
    <meta property="og:title" content="特集名【楽天トラベル】">
    <meta property="og:type" content="article">
    <meta property="og:url" content="http://travel.rakuten.co.jp/url/">
    <meta property="og:image" content="http://travel.rakuten.co.jp/image.jpg">
    <meta property="og:site_name" content="楽天トラベル">
    <meta property="og:description" content="ホテル・旅館のご予約なら日本最大級の宿泊予約サイト「楽天トラベル」で！特集では、ご旅行の目的にぴったりの宿泊プランを掲載中です。楽天スーパーポイント貯まる・使える！ぜひこの機会にご利用ください。">
    <meta property="fb:app_id" content="366847050023699">
    <!-- /OGP -->

    <meta name="robots" content="noindex">


    <link rel="apple-touch-icon" href="http://img.travel.rakuten.co.jp/smart/webclipIcon.png">
    <!-- CSS for calendar function -->
    <link rel="stylesheet" href="http://img.travel.rakuten.co.jp/share/rtl/css/util.calendar.css" media="all">
    <!-- /CSS for calendar function -->
    <!-- CSS for PC -->
    <link rel="stylesheet" type="text/css" href="http://img.travel.rakuten.co.jp/share/common/css/style-pc.css" media="all and (min-width: 721px)">
    <link rel="stylesheet" type="text/css" href="http://img.travel.rakuten.co.jp/share/common/css/style-sp.css" media="all and (min-width: 0px) and (max-width: 720px)">
    <link rel="stylesheet" href="http://img.travel.rakuten.co.jp/share/common/css/common.css" media="all and (min-width: 721px)">
    <link rel="stylesheet" href="http://img.travel.rakuten.co.jp/special/smap/css/pc.css" media="all and (min-width: 721px)">
    <!-- /CSS for PC -->
    <!-- CSS for smartphone -->
    <link rel="stylesheet" href="http://img.travel.rakuten.co.jp/share/common/css/sp_reset.css" media="all and (min-width: 0px) and (max-width: 720px)">
    <link rel="stylesheet" href="http://img.travel.rakuten.co.jp/special/smap/css/sp.css" media="all and (min-width: 0px) and (max-width: 720px)">
    <!-- /CSS for smartphone -->


    <script src="http://img.travel.rakuten.co.jp/share/common/js/lib/jquery/jquery.js" type="text/javascript"></script>
</head>

<body>

    <!--START_HEADER-->
    <!--#include virtual="/share/ext/ssi/header-domestic-travel.ssi" -->
    <!--END_HEADER-->
    <!--START_MAIN_CONTENTS-->
    <div id="grpLocationArea" class="newHD">
        <p>
            <a href="http://travel.rakuten.co.jp/">楽天トラベルトップ</a> &gt;
            <span class="grpLocationLocus">特集名</span>
        </p>
        <!--/#grpLocationArea-->
    </div>
    <div id="w100" style="position: relative;">
    <div id="widewrapper">
        <div id="contentsArea">

            <!-- keyVisual -->
            <div id="keyVisual" style="position:relative;">





                <!--/#keyVisual -->
            </div>
            <!-- /keyVisual -->

            <!-- term -->
            <!-- /term -->

            <!-- pageTab -->
            <!-- /pageTab -->

            <div id="contents" class="column1">
                <!-- pageBtn -->
                <!-- /pageBtn -->

                <style>
                .jdsSwitchMenu{
                    position: fixed;
                    right: 0;
                    top: 0;
                    padding: 15px;
                    border: 1px solid #ccc;
                }
                .jdsSwitchMenu2{
                    top: 300px;
                }
                .jdsSwitchMenu .title{
                    padding-bottom: 10px;
                    border-bottom: 1px solid #ccc;
                }
                .jdsSwitchMenu ul li{
                    padding: 10px;
                    border-bottom: 1px solid #ccc;
                }
                .jdsSwitchMenu .close{
                    padding-top: 10px;
                }
                .jdsSwitchMenu.active .close,
                .jdsSwitchMenu.active .main{
                    display: none;
                }
                </style>

                <div class="jdsSwitchMenu active">
                    <div class="title">MENU1</div>
                    <ul class="main">
                        <li><a href="#search-box">AAA</a></li>
                        <li>BBB</li>
                        <li>CCC</li>
                    </ul>
                    <div class="close">CLOSE</div>
                </div>

                <div class="jdsSwitchMenu jdsSwitchMenu2 active">
                    <div class="title">MENU2</div>
                    <ul class="main">
                        <li><a href="#search-box">AAA</a></li>
                        <li>BBB</li>
                        <li>CCC</li>
                    </ul>
                    <div class="close">CLOSE</div>
                </div>

                <style>
                    #ange{
                        position: relative;
                    }
                    .jds{
                        display: none;
                        display: block;
                    }
                    .jds{
                        clear: both;
                        float: left;
                        width: 100%;
                    }
                    .jds li{
                        display: flex;
                        align-items:center;
                        float: left;
                        padding: 5px;
                        border: 1px solid #ccc;
                    }
                    .jds2{
                        clear: both;
                        float: left;
                        width: 100%;
                    }
                    .jds2 li{
                        display: flex;
                        align-items:center;
                        float: left;
                        padding: 5px;
                        border: 1px solid #f30;
                    }
                </style>


                <h2>PC</h2>
                <ul class="jds">
                    <li>111</li>
                    <li>222<br>222</li>
                    <li>333</li>
                </ul>
        
                <h2>SP</h2>
                <ul class="jds2">
                    <li>111</li>
                    <li>222<br>222</li>
                    <li>333</li>
                </ul>

                


                

                <style>
                    .jdsShowFix1{
                        position: fixed;
                        right: 0;
                        top: 0;
                        height: 100px;
                        background: red;
                    }
                    .jdsShowFix2{
                        position: fixed;
                        right: 0;
                        bottom: 0;
                        height: 100px;
                        background: yellow;
                    }
                    .jdsTabMain span{
                        float: left;
                        padding: 5px;
                        border: 1px solid #ccc;
                    }
                </style>

                <div class="jdsTab">
                    <ul class="jdsTabNav">
                        <li>AAA</li>
                        <li>BBB</li>
                        <li>CCC</li>
                    </ul>
                
                    <div class="jdsTabMain one"><span>AAA<br>AAA<br>AAA</span><span>AAA</span></div>
                    <div class="jdsTabMain two"><span>BBB<br>BBB</span><span>BBB</span><span>BBB</span><span>BBB<br>BBB<br>BBB<br>BBB<br>BBB</span><span>BBB</span></div>
                    <div class="jdsTabMain three"><span>CCC<br>CCC</span><span>CCC</span></div>
                </div>

                <h2>Hello JDS</h2>

                <ul class="jdsSlides" pager="true" nav="true" data-top="top:0" data-bottom-center="top:500px" style="position: relative;">
                    <li><img src="demo/images/keyvisual01.jpg" alt="特集名"></li>
                    <li><img src="demo/images/keyvisual02.jpg" alt="特集名"></li>
                    <li><img src="demo/images/keyvisual03.jpg" alt="特集名"></li>
                </ul>

        <div class="jdsCoponSwitch">one</div>
        <div>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>
        </div>
            
            <span class="jdsShowFix" fixY="ange" top="true">Hello JDS</span>

                <style>
                    .jdsAlwaysFix1 {
                        position: absolute;
                        left: 0;
                        top: 100px;
                        display: inline-block;
                        height: 100px;
                        background: red;
                    }
                    
                    .jdsAlwaysFix2 {
                        position: absolute;
                        left: 200px;
                        top: 50%;
                        display: inline-block;
                        height: 100px;
                        background: green;
                    }
            
                </style>

                <span class="jdsAlwaysFix">Hello JDS</span>
                <span class="jdsAlwaysFix" moreY="50">Hello JDS2</span>
                <style>
                    .thisNav {
                        top:0;
                        float: left;
                        background: #c60;
                        width: 100%;
                        z-index: 999;
                    }
                    
                    .thisNav li {
                        float: left;
                        width: 33%;
                        text-align: center;
                        padding: 20px 0;
                    }

                </style>

                <ul class="jdsAlwaysFix thisNav " menu="true">
                    <li><a href="#search-box" class="tab">ONE</a></li>
                    <li><a href="#ange" class="tab">TWO</a></li>
                    <li><a href="#mainContents" class="tab">THREE</a></li>
                </ul>

            
                










                
                
                
                
            <div class="jdsSearchSp"></div>



            <div class="jdsSearch">
                <!------- search-box ------->
                <section id="search-box">
                    <h1 id="search-box-title">日付から探す</h1>
                    <div id="search-box-body">
                        <div id="domestic-search-box">
                            <form id="domestic-search-container" name="domestic-search-container">
                                <ul class="searchCategory">
                                    <li>
                                        <input type="radio" name="search-service" value="dh" id="dh-radio" checked>
                                        <label for="dh-radio">国内宿泊</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="search-service" value="dap" data-narrow-company="ana" id="dap-ana-radio">
                                        <label for="dap-ana-radio">
                                    <img height="12" width="42" alt="ANA" src="http://img.travel.rakuten.co.jp/share/themes/top/images/logo_ana.gif">航空券＋宿泊</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="search-service" value="dap" data-narrow-company="jal" id="dap-jal-radio">
                                        <label for="dap-jal-radio">
                                    <img height="11" width="42" alt="JAL" src="http://img.travel.rakuten.co.jp/share/themes/top/images/logo_jal.gif">航空券＋宿泊</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="search-service" value="db" id="db-radio">
                                        <label for="db-radio">高速バス予約</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="search-service" value="dr" id="dr-radio">
                                        <label for="dr-radio">レンタカー予約</label>
                                    </li>
                                    <li>
                                        <input type="radio" name="search-service" value="du" id="du-radio">
                                        <label for="du-radio">日帰り・デイユース</label>
                                    </li>
                                </ul>
                                <div id="search-property">
                                    <input type="hidden" id="startDate.offset" value="+0d" class="db">
                                </div>
                            </form>

                            <form id="dh-search-form" name="dh-search-form" method="get" action="http://search.travel.rakuten.co.jp/jparea/">
                                <div id="searchSwitchArea1">
                                    <input type="hidden" value="1" name="f_image">
                                    <input type="hidden" value="30" name="f_hyoji">
                                    <input type="hidden" value="jd" name="f_ptn">
                                    <input type="hidden" value="" name="f_setubi">
                                    <input type="hidden" value="japan" name="f_dai">
                                    <input type="hidden" value="02" name="f_cd">
                                    <!--<input type="hidden" name="f_tab" value="map">-->
                                    <div id='dh-search-history'></div>
                                    <dl class="structure structure2">
                                        <dt class="date"><label for="dh-checkin">チェックイン</label></dt>
                                        <dd class="date">
                                            <input id="dh-checkin" type="text" value="" class="inputDate">
                                        </dd>
                                        <dt class="date"><label for="dh-checkout">チェックアウト</label></dt>
                                        <dd class="date">
                                            <input id="dh-checkout" type="text" value="" class="inputDate">
                                        </dd>
                                        <dt class="number">1部屋ご利用人数</dt>
                                        <dd class="number">
                                            <ul>
                                                <li class="adult">
                                                    <label for="dh-adlt">大人</label>
                                                    <select id="dh-adlt" name="f_otona_su">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                            </select>人</li>
                                                <li class="child">子供&nbsp;<a id="dh-child-popup" class="dh-child-popup" href="javascript:void(0);">0</a>&nbsp;人</li>
                                            </ul>
                                            <div id="dh-child-popup-contents" class="childBox searchSelectChild">
                                                <div class="childBoxAngle"></div>
                                                <div class="sltBox">
                                                    <p class="tbClose"><a href="#" class="close" onClick="return false;">閉じる</a></p>
                                                    <table>
                                                        <tbody>
                                                            <tr>
                                                                <th>小学生</th>
                                                                <td>
                                                                    <span class="child-select-desc">高学年</span>
                                                                    <span class="child-select-contents">
<select name="f_s1">
<option value="0" id="dh-s1" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">低学年</span>
                                                                    <span class="child-select-contents">
<select id="dh-s2" name="f_s2">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table summary="子供・幼児選択">
                                                        <tbody>
                                                            <tr>
                                                                <th rowspan="2">
                                                                    <span>幼児</span>
                                                                </th>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団付</span>
                                                                    <span class="child-select-contents">
<select id="dh-y1" name="f_y1">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事のみ</span>
                                                                    <span class="child-select-contents">
<select id="dh-y2" name="f_y2">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span class="child-select-desc">布団のみ</span>
                                                                    <span class="child-select-contents">
<select id="dh-y3" name="f_y3">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団不要</span>
                                                                    <span class="child-select-contents">
<select id="dh-y4" name="f_y4">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <!-- /.childBox -->
                                        </dd>
                                        <dt><label for="f_heya_su">ご利用部屋数</label></dt>
                                        <dd>
                                            <select id="f_heya_su" name="f_heya_su">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>部屋
                                        </dd>
                                        <dt class="area"><label for="f_chu">宿泊地</label></dt>
                                        <dd class="area">
                                            <select name="f_chu" id="f_chu" class="select001 ignore-history">
                                        <optgroup label="北海道">
                                            <option value="hokkaido">北海道</option>
                                        </optgroup>
                                        <optgroup label="東北">
                                            <option value="iwate">岩手県</option>
                                            <option value="miyagi">宮城県</option>
                                            <option value="aomori">青森県</option>
                                            <option value="akita">秋田県</option>
                                            <option value="hukushima">福島県</option>
                                            <option value="yamagata">山形県</option>
                                        </optgroup>
                                        <optgroup label="北関東">
                                            <option value="tochigi">栃木県</option>
                                            <option value="ibaragi">茨城県</option>
                                            <option value="gunma">群馬県</option>
                                        </optgroup>
                                        <optgroup label="首都圏">
                                            <option value="tiba">千葉県</option>
                                            <option value="saitama">埼玉県</option>
                                            <option value="tokyo" selected>東京都</option>
                                            <option value="kanagawa">神奈川県</option>
                                        </optgroup>
                                        <optgroup label="甲信越">
                                            <option value="niigata">新潟県</option>
                                            <option value="yamanasi">山梨県</option>
                                            <option value="nagano">長野県</option>
                                        </optgroup>
                                        <optgroup label="北陸">
                                            <option value="toyama">富山県</option>
                                            <option value="ishikawa">石川県</option>
                                            <option value="hukui">福井県</option>
                                        </optgroup>
                                        <optgroup label="東海">
                                            <option value="aichi">愛知県</option>
                                            <option value="mie">三重県</option>
                                            <option value="gihu">岐阜県</option>
                                            <option value="shizuoka">静岡県</option>
                                        </optgroup>
                                        <optgroup label="近畿">
                                            <option value="nara">奈良県</option>
                                            <option value="hyogo">兵庫県</option>
                                            <option value="osaka">大阪府</option>
                                            <option value="kyoto">京都府</option>
                                            <option value="wakayama">和歌山県</option>
                                            <option value="shiga">滋賀県</option>
                                        </optgroup>
                                        <optgroup label="山陽・山陰">
                                            <option value="okayama">岡山県</option>
                                            <option value="simane">島根県</option>
                                            <option value="tottori">鳥取県</option>
                                            <option value="hiroshima">広島県</option>
                                            <option value="yamaguchi">山口県</option>
                                        </optgroup>
                                        <optgroup label="四国">
                                            <option value="tokushima">徳島県</option>
                                            <option value="kagawa">香川県</option>
                                            <option value="ehime">愛媛県</option>
                                            <option value="kouchi">高知県</option>
                                        </optgroup>
                                        <optgroup label="九州">
                                            <option value="hukuoka">福岡県</option>
                                            <option value="saga">佐賀県</option>
                                            <option value="nagasaki">長崎県</option>
                                            <option value="kumamoto">熊本県</option>
                                            <option value="ooita">大分県</option>
                                            <option value="miyazaki">宮崎県</option>
                                            <option value="kagoshima">鹿児島県</option>
                                        </optgroup>
                                        <optgroup label="沖縄">
                                            <option value="okinawa">沖縄県</option>
                                        </optgroup>
                                    </select>
                                        </dd>
                                        <dt>絞り込み</dt>
                                        <dd>
                                            <ul class="squeeze">
                                                <li>
                                                    <input type="radio" name="f_teikei" value="gd7-dayal" id="rdoTeikei01" checked>
                                                    <label for="rdoTeikei01" id="rdoTeikei01_label">すべてのプラン</label>
                                                </li>
                                                <li>
                                                    <input type="radio" name="f_teikei" value="rss-dayqs" id="rdoTeikei03">
                                                    <label for="rdoTeikei03" id="rdoTeikei03_label">ポイント10倍プラン</label>
                                                </li>
                                                <li>
                                                    <input type="radio" name="f_teikei" value=":rg6-coup" id="rdoTeikei07">
                                                    <label for="rdoTeikei07" id="rdoTeikei07_label">クーポン対象施設プラン</label>
                                                </li>
                                            </ul>
                                        </dd>
                                    </dl>
                                    <p class="searchSubmit">
                                        <a onClick="$('#dh-search-form').submit(); return false;" href="javascript:void(0);">検 索</a>
                                    </p>
                                    <!-- /#searchSwitchArea1 -->
                                </div>
                            </form>

                            <form id="dap-search-form" name="dap-search-form" method="get" action="http://package.travel.rakuten.co.jp/front/app/s/gfs100/direction2" style="display: none;">
                                <div class="searchSwitchArea" id="searchSwitchArea2">
                                    <input type="hidden" value="2" name="viewtype">
                                    <input type="hidden" value="" name="gfs100_gfs200">
                                    <input type="hidden" value="hotel" name="searchType">
                                    <input type="hidden" value="" name="cdAffiliate">
                                    <input type="hidden" value="" name="cdTokusyuu">
                                    <input type="hidden" value="" name="cdFlightOffice">
                                    <input type="hidden" value="1" name="fZenpakuCheck">
                                    <input type="hidden" value="1" name="fDptab">
                                    <input type="hidden" value="" id="CACHE_AIR_PACKAGE_HISTORY">
                                    <!-- 出発空港を定義 -->
                                    <input id="deptCodeProperty" value="HND" type="hidden">
                                    <!-- 到着空港を定義 -->
                                    <input id="deplCodeProperty" value="CTS" type="hidden">
                                    <div id='dap-search-history'></div>
                                    <p id="searchExplainForAirPackage" class="explain"></p>
                                    <dl class="structure structure2">
                                        <dt class="date"><label for="dap-dpt-date">往路出発日</label></dt>
                                        <dd class="date">
                                            <input type="text" id="dap-dpt-date" class="inputDate" value="">
                                        </dd>
                                        <dt class="date"><label for="dap-arv-date">復路出発日</label></dt>
                                        <dd class="date">
                                            <input type="text" id="dap-arv-date" class="inputDate" value="">
                                        </dd>
                                        <dt><label for="cdHatuKuukou">往路出発空港</label></dt>
                                        <dd>
                                            <select name="cdHatuKuukou" id="deptCode" class="ignore-history"></select>
                                        </dd>
                                        <dt><label for="cdTyakuKuukou">往路到着空港</label></dt>
                                        <dd>
                                            <select id="deplCode" name="cdTyakuKuukou" class="ignore-history"></select>
                                        </dd>
                                        <dt><label for="cdHatuKuukouHukuro">復路出発空港</label></dt>
                                        <dd>
                                            <select id="rettCode" name="cdHatuKuukouHukuro" class="ignore-history"></select>
                                        </dd>
                                        <dt><label for="cdTyakuKuukouHukuro">復路到着空港</label></dt>
                                        <dd>
                                            <select name="cdTyakuKuukouHukuro" id="retlCode" class="ignore-history"></select>
                                        </dd>
                                        <dt class="setCars">レンタカー</dt>
                                        <dd class="setCars">
                                            <p>
                                                <input id="pattern" name="fRcUmu" type="hidden" value="0">
                                                <input name="pattern-checkbox" type="checkbox" value="" id="dap-cars">
                                                <label for="dap-cars">現地でのレンタカーをあわせて検索</label>
                                            </p>
                                        </dd>
                                        <dt class="area"><label for="cdTomariTiikiKen">宿泊地</label></dt>
                                        <dd class="area">
                                            <select name="cdTomariTiikiKen" id="pref" class="ignore-history"></select>
                                        </dd>
                                        <dt class="number">1部屋ご利用人数</dt>
                                        <dd class="number">
                                            <ul>
                                                <li class="adult">
                                                    <label for="dap-adlt">大人</label>
                                                    <select name="suOtona" id="dap-adlt">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>人</li>
                                                <li class="child">子供&nbsp;<a id="dap-child-num" class="dap-child-popup" href="javascript:void(0)">0</a>人</li>
                                            </ul>
                                            <div id="dap-child-num-contents" class="childBox" style="display:none;">
                                                <div class="childBoxAngle"></div>
                                                <div class="sltBox">
                                                    <p class="tbClose"><a href="#" class="close" onClick="return false;">閉じる</a></p>
                                                    <table>
                                                        <tbody>
                                                            <tr>
                                                                <th>小学生</th>
                                                                <td>
                                                                    <span class="child-select-desc">子供（9 - 11歳）</span>
                                                                    <span class="child-select-contents">
<select name="suSyogakkouKougakunen">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">子供（6 - 8歳）</span>
                                                                    <span class="child-select-contents">
<select name="suSyogakkouTeigakunen">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table summary="子供・幼児選択">
                                                        <tbody>
                                                            <tr>
                                                                <th rowspan="3">
                                                                    <span>幼児</span>
                                                                </th>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団付</span>
                                                                    <span class="child-select-contents">
<select name="suYouziSyokuziFutonTuki">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事のみ</span>
                                                                    <span class="child-select-contents">
<select name="suYouziSyokuziNomi">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span class="child-select-desc">布団のみ</span>
                                                                    <span class="child-select-contents">
<select name="suYouziFutonNomi">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団不要</span>
                                                                    <span class="child-select-contents">
<select name="suYouziSyokuziFutonFuyou">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span class="child-select-desc">幼児（0 - 2歳）</span>
                                                                    <span class="child-select-contents">
<select name="suNyuYouzi">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select> 人</span>
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <!-- /#dap-child-num-contents -->
                                            </div>
                                        </dd>
                                        <dt><label for="suTomariHeya">ご利用部屋数</label></dt>
                                        <dd>
                                            <select name="suTomariHeya" id="suTomariHeya">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>部屋</dd>
                                    </dl>
                                    <p class="searchSubmit"><a onClick="$('#dap-search-form').submit(); return false;" href="javascript:void(0);">検 索</a></p>
                                    <div id="dpSrchCndtnRoot"></div>
                                    <!-- /searchSwitchArea2 -->
                                </div>
                            </form>

                            <form id="db-search-form" name="db-search-form" method="get" action="http://bus.travel.rakuten.co.jp/bus/SearchOpenSeatAction.do" style="display: none;">
                                <div class="searchSwitchArea" id="searchSwitchArea4">
                                    <div class="customizeExplain">
                                        <p class="explain">全国の高速バスが予約可能！夜行バスを中心に全国各地、50社以上の高速バスをお得な料金で予約できます！</p>
                                    </div>
                                    <input type="hidden" value="ALL" name="f_dpctcd" id="db-dpct">
                                    <input type="hidden" value="ALL" name="f_dsctcd" id="db-dsct">
                                    <input type="hidden" value="" name="f_teikei">
                                    <dl class="structure structure2">
                                        <dt><label for="startYear">乗車日</label></dt>
                                        <dd>
                                            <input type="text" id="db-start-date" value="" class="inputDate">
                                        </dd>
                                        <dt class="number">人数</dt>
                                        <dd class="number">
                                            <ul>
                                                <li class="adult">
                                                    <label for="adult">大人（12歳以上）</label>
                                                    <select name="adult" id="adult">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                            </select>人</li>
                                                <li class="child">
                                                    <label for="child">子供（2歳～11歳）</label>
                                                    <select name="child" id="child">
                                                <option value="0">0</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                            </select>人
                                                </li>
                                            </ul>
                                        </dd>
                                        <dt><label for="f_dpcpcd">出発地</label></dt>
                                        <dd>
                                            <select id="db-dpt" size="1"></select>
                                        </dd>
                                        <dt class="sttl001 dotLine"><label for="f_dscpcd">到着地</label></dt>
                                        <dd>
                                            <select id="db-arv" size="1"></select>
                                        </dd>
                                    </dl>
                                    <input type="hidden" value="" name="f_dpcpcd" id="db-dpcp">
                                    <input type="hidden" value="" name="f_dscpcd" id="db-dscp">
                                    <p class="searchSubmit"><a onClick="$('#db-search-form').submit(); return false;" href="javascript:void(0);">検 索</a></p>
                                    <!-- /searchSwitchArea4 -->
                                </div>
                            </form>


                            <form id="dr-search-form" name="dr-search-form" method="get" action="http://cars.travel.rakuten.co.jp/cars/rcf010a.do" style="display: none;">
                                <div class="searchSwitchArea" id="searchSwitchArea5">

                                    <input type="hidden" id="num" value="50" name="num">
                                    <input type="hidden" id="dr-type" value="1" name="type">
                                    <input type="hidden" id="dr-hotel" value="" name="hotel">
                                    <input type="hidden" id="dr-gdarea" value="" name="gdarea">
                                    <input type="hidden" id="dr-bdarea" value="" name="bdarea">
                                    <input type="hidden" id="dr-gsarea" name="gsarea" value="">
                                    <input type="hidden" id="dr-bsarea" name="bsarea" value="">
                                    <input type="hidden" value="" name="f_teikei">
                                    <dl class="structure structure1">
                                        <dt class="date"><label for="dr-dpt-date">貸し出し日時</label></dt>
                                        <dd class="date">
                                            <input type="text" id="dr-dpt-date" value="" class="inputDate">
                                            <select name="gtimeh" id="dr-dpt-hour" class="time" size="1">
                                        <option value="00">0</option>
                                        <option value="01">1</option>
                                        <option value="02">2</option>
                                        <option value="03">3</option>
                                        <option value="04">4</option>
                                        <option value="05">5</option>
                                        <option value="06">6</option>
                                        <option value="07">7</option>
                                        <option value="08">8</option>
                                        <option value="09">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="15">15</option>
                                        <option value="16">16</option>
                                        <option value="17">17</option>
                                        <option value="18">18</option>
                                        <option value="19">19</option>
                                        <option value="20">20</option>
                                        <option value="21">21</option>
                                        <option value="22">22</option>
                                        <option value="23">23</option>
                                    </select>時
                                            <select name="gtimem" id="dr-dpt-minutes" size="1">
                                        <option value="00">00</option>
                                        <option value="30">30</option>
                                    </select>分
                                        </dd>
                                        <dt>貸し出し場所</dt>
                                        <dd>
                                            <ul class="searchSelectCar">
                                                <li>
                                                    <label>
                                                <input type="radio" name="subtype" value="0" id="dr-radio-garea" checked>エリアから検索</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="radio" name="subtype" value="1" id="dr-radio-gairport">空港店検索</label>
                                                </li>
                                            </ul>
                                            <div style="display: block;" id="dr-radio-garea-contents">
                                                <select name="gmarea" id="dr-gmarea">
                                            <optgroup label="定番エリア">
                                                <option value="hokkaido">北海道</option>
                                                <option value="tokyo">東京都</option>
                                                <option value="aichi">愛知県</option>
                                                <option value="osaka">大阪府</option>
                                                <option value="hukuoka">福岡県</option>
                                                <option value="kumamoto">熊本県</option>
                                                <option value="kagoshima">鹿児島県</option>
                                                <option value="okinawa">沖縄県</option>
                                            </optgroup>
                                            <optgroup label="北海道">
                                                <option value="hokkaido">北海道</option>
                                            </optgroup>
                                            <optgroup label="東北">
                                                <option value="aomori">青森県</option>
                                                <option value="iwate">岩手県</option>
                                                <option value="miyagi">宮城県</option>
                                                <option value="akita">秋田県</option>
                                                <option value="yamagata">山形県</option>
                                                <option value="hukushima">福島県</option>
                                            </optgroup>
                                            <optgroup label="関東">
                                                <option value="ibaragi">茨城県</option>
                                                <option value="tochigi">栃木県</option>
                                                <option value="gunma">群馬県</option>
                                                <option value="saitama">埼玉県</option>
                                                <option value="tiba">千葉県</option>
                                                <option value="tokyo">東京都</option>
                                                <option value="kanagawa">神奈川県</option>
                                            </optgroup>
                                            <optgroup label="甲信越">
                                                <option value="niigata">新潟県</option>
                                                <option value="yamanasi">山梨県</option>
                                                <option value="nagano">長野県</option>
                                            </optgroup>
                                            <optgroup label="東海">
                                                <option value="gihu">岐阜県</option>
                                                <option value="shizuoka">静岡県</option>
                                                <option value="aichi">愛知県</option>
                                                <option value="mie">三重県</option>
                                            </optgroup>
                                            <optgroup label="北陸">
                                                <option value="toyama">富山県</option>
                                                <option value="ishikawa">石川県</option>
                                                <option value="hukui">福井県</option>
                                            </optgroup>
                                            <optgroup label="近畿">
                                                <option value="shiga">滋賀県</option>
                                                <option value="kyoto">京都府</option>
                                                <option value="osaka">大阪府</option>
                                                <option value="hyogo">兵庫県</option>
                                                <option value="nara">奈良県</option>
                                                <option value="wakayama">和歌山県</option>
                                            </optgroup>
                                            <optgroup label="山陽・山陰">
                                                <option value="tottori">鳥取県</option>
                                                <option value="simane">島根県</option>
                                                <option value="okayama">岡山県</option>
                                                <option value="hiroshima">広島県</option>
                                                <option value="yamaguchi">山口県</option>
                                            </optgroup>
                                            <optgroup label="四国">
                                                <option value="tokushima">徳島県</option>
                                                <option value="kagawa">香川県</option>
                                                <option value="ehime">愛媛県</option>
                                                <option value="kouchi">高知県</option>
                                            </optgroup>
                                            <optgroup label="九州">
                                                <option value="hukuoka">福岡県</option>
                                                <option value="saga">佐賀県</option>
                                                <option value="nagasaki">長崎県</option>
                                                <option value="kumamoto">熊本県</option>
                                                <option value="ooita">大分県</option>
                                                <option value="miyazaki">宮崎県</option>
                                                <option value="kagoshima">鹿児島県</option>
                                            </optgroup>
                                            <optgroup label="沖縄">
                                                <option value="okinawa">沖縄県</option>
                                            </optgroup>
                                        </select>
                                                <br>
                                                <select id="dr-garea" class="selectWidth"></select>
                                                <!-- /carSearchAreaSelect -->
                                            </div>
                                            <div id="dr-radio-gairport-contents" style="display: none;">
                                                <select name="airport" id="dr-airport"></select>
                                                <!-- /carSearchAirportSelect -->
                                            </div>
                                        </dd>
                                        <dt class="date"><label for="dr-arv-date">返却日時</label></dt>
                                        <dd class="date">
                                            <input type="text" id="dr-arv-date" value="" class="inputDate">
                                            <select size="1" class="time" id="dr-arv-hour" name="btimeh">
                                        <option value="00">0</option>
                                        <option value="01">1</option>
                                        <option value="02">2</option>
                                        <option value="03">3</option>
                                        <option value="04">4</option>
                                        <option value="05">5</option>
                                        <option value="06">6</option>
                                        <option value="07">7</option>
                                        <option value="08">8</option>
                                        <option value="09">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="15">15</option>
                                        <option value="16">16</option>
                                        <option value="17">17</option>
                                        <option value="18">18</option>
                                        <option value="19">19</option>
                                        <option value="20">20</option>
                                        <option value="21">21</option>
                                        <option value="22">22</option>
                                        <option value="23">23</option>
                                    </select>時
                                            <select size="1" name="btimem" id="dr-arv-minutes">
                                        <option value="00">00</option>
                                        <option value="30">30</option>
                                    </select>分</dd>
                                        <dt>返却場所</dt>
                                        <dd>
                                            <ul class="searchSelectCar">
                                                <li>
                                                    <label>
                                                <input type="radio" checked value="0" id="dr-radio-same" name="goflg">貸し出し店舗へ返す</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="radio" value="1" id="dr-radio-barea" name="goflg">ワンウェイ（乗り捨て）利用</label>
                                                </li>
                                            </ul>
                                            <div style="display: none;" id="dr-radio-barea-contents" class="carOneWay">
                                                <select id="dr-bmarea" name="bmarea">
                                            <optgroup label="定番エリア">
                                                <option value="hokkaido">北海道</option>
                                                <option value="tokyo">東京都</option>
                                                <option value="aichi">愛知県</option>
                                                <option value="osaka">大阪府</option>
                                                <option value="hukuoka">福岡県</option>
                                                <option value="kumamoto">熊本県</option>
                                                <option value="kagoshima">鹿児島県</option>
                                                <option value="okinawa">沖縄県</option>
                                            </optgroup>
                                            <optgroup label="北海道">
                                                <option value="hokkaido">北海道</option>
                                            </optgroup>
                                            <optgroup label="東北">
                                                <option value="aomori">青森県</option>
                                                <option value="iwate">岩手県</option>
                                                <option value="miyagi">宮城県</option>
                                                <option value="akita">秋田県</option>
                                                <option value="yamagata">山形県</option>
                                                <option value="hukushima">福島県</option>
                                            </optgroup>
                                            <optgroup label="関東">
                                                <option value="ibaragi">茨城県</option>
                                                <option value="tochigi">栃木県</option>
                                                <option value="gunma">群馬県</option>
                                                <option value="saitama">埼玉県</option>
                                                <option value="tiba">千葉県</option>
                                                <option value="tokyo">東京都</option>
                                                <option value="kanagawa">神奈川県</option>
                                            </optgroup>
                                            <optgroup label="甲信越">
                                                <option value="niigata">新潟県</option>
                                                <option value="yamanasi">山梨県</option>
                                                <option value="nagano">長野県</option>
                                            </optgroup>
                                            <optgroup label="東海">
                                                <option value="gihu">岐阜県</option>
                                                <option value="shizuoka">静岡県</option>
                                                <option value="aichi">愛知県</option>
                                                <option value="mie">三重県</option>
                                            </optgroup>
                                            <optgroup label="北陸">
                                                <option value="toyama">富山県</option>
                                                <option value="ishikawa">石川県</option>
                                                <option value="hukui">福井県</option>
                                            </optgroup>
                                            <optgroup label="近畿">
                                                <option value="shiga">滋賀県</option>
                                                <option value="kyoto">京都府</option>
                                                <option value="osaka">大阪府</option>
                                                <option value="hyogo">兵庫県</option>
                                                <option value="nara">奈良県</option>
                                                <option value="wakayama">和歌山県</option>
                                            </optgroup>
                                            <optgroup label="山陽・山陰">
                                                <option value="tottori">鳥取県</option>
                                                <option value="simane">島根県</option>
                                                <option value="okayama">岡山県</option>
                                                <option value="hiroshima">広島県</option>
                                                <option value="yamaguchi">山口県</option>
                                            </optgroup>
                                            <optgroup label="四国">
                                                <option value="tokushima">徳島県</option>
                                                <option value="kagawa">香川県</option>
                                                <option value="ehime">愛媛県</option>
                                                <option value="kouchi">高知県</option>
                                            </optgroup>
                                            <optgroup label="九州">
                                                <option value="hukuoka">福岡県</option>
                                                <option value="saga">佐賀県</option>
                                                <option value="nagasaki">長崎県</option>
                                                <option value="kumamoto">熊本県</option>
                                                <option value="ooita">大分県</option>
                                                <option value="miyazaki">宮崎県</option>
                                                <option value="kagoshima">鹿児島県</option>
                                            </optgroup>
                                            <optgroup label="沖縄">
                                                <option value="okinawa">沖縄県</option>
                                            </optgroup>
                                        </select>
                                                <br>
                                                <select id="dr-barea">
                                        </select>
                                                <!--/.carOneWay-->
                                            </div>
                                        </dd>
                                        <dt>ボディタイプから検索<span>（ボディタイプを1つ以上選択してください）</span></dt>
                                        <dd>
                                            <ul class="searchSelectCar">

                                                <li>
                                                    <label>
                                                <input type="checkbox" id="keijidosha" value="1" name="searchid" checked="checked">軽自動車</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="compactcar" value="2" name="searchid" checked="checked">コンパクトカー</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="standart" value="3" name="searchid" checked="checked">スタンダード</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="luxerycar" value="4" name="searchid">高級車</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="minivan" value="6" name="searchid">RV・ミニバン</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="onebox" value="7" name="searchid">ワンボックス</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="evihicle" value="6" name="rbt" checked="checked">エコカー</label>
                                                </li>
                                                <li>
                                                    <label>
                                                <input type="checkbox" id="truck" value="8" name="searchid">その他（トラック・バイクなど）</label>
                                                </li>

                                            </ul>
                                        </dd>
                                    </dl>
                                    <p class="searchSubmit"><a onClick="$('#dr-search-form').submit(); return false;" href="javascript:void(0);">検 索</a></p>
                                    <!-- /searchSwitchArea5 -->
                                </div>
                            </form>
                            <form id="du-search-form" name="du-search-form" method="get" action="http://web.travel.rakuten.co.jp/portal/my/ry_du_kensaku.bunki" style="display: none;">
                                <div id="searchSwitchArea8" class="searchSwitchArea">
                                    <input type="hidden" value="rss-day1" name="f_teikei">
                                    <input type="hidden" value="tiku" name="f_ptn">
                                    <dl class="structure structure2">
                                        <dt class="date"><label for="f_nen1" class="labelTxt001">利用日</label></dt>
                                        <dd class="date">
                                            <input id="du-checkin" type="text" value="" class="inputDate">
                                        </dd>
                                        <dt class="number">利用人数</dt>
                                        <dd class="number">
                                            <ul>
                                                <li class="adlut">
                                                    <label for="du-adlt">大人</label>
                                                    <select id="du-adlt" name="f_otona_su">
                                                <option value="1">1</option>
                                                <option value="2" selected>2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                            </select>人
                                                </li>
                                                <li class="child">
                                                    子供&nbsp;<a id="du-child-num" class="du-child-popup" href="javascript:void(0);">0</a>人
                                                </li>
                                            </ul>
                                            <div id="du-child-num-contents" class="childBox" style="display: none;">
                                                <div class="childBoxAngle">
                                                </div>
                                                <div class="sltBox">
                                                    <p class="tbClose"><a href="#" class="close" onClick="return false;">閉じる</a></p>
                                                    <table>
                                                        <tbody>
                                                            <tr>
                                                                <th>小学生</th>
                                                                <td>
                                                                    <span class="child-select-desc">高学年</span>
                                                                    <span class="child-select-contents">
<select name="f_s1">
<option value="0" id="du-s1" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">低学年</span>
                                                                    <span class="child-select-contents">
<select id="du-s2" name="f_s2">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table summary="子供・幼児選択">
                                                        <tbody>
                                                            <tr>
                                                                <th rowspan="2">
                                                                    <span>幼児</span>
                                                                </th>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団付</span>
                                                                    <span class="child-select-contents">
<select id="du-y1" name="f_y1">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事のみ</span>
                                                                    <span class="child-select-contents">
<select id="du-y2" name="f_y2">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <span class="child-select-desc">布団のみ</span>
                                                                    <span class="child-select-contents">
<select id="du-y3" name="f_y3">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                                <td>
                                                                    <span class="child-select-desc">食事・布団不要</span>
                                                                    <span class="child-select-contents">
<select id="du-y4" name="f_y4">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>人
</span>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <!-- /#du-child-num-contents -->
                                            </div>
                                        </dd>
                                    </dl>
                                    <p class="searchSubmit"><a onClick="$('#du-search-form').submit(); return false;" href="javascript:void(0);">検 索</a></p>
                                    <!-- /#searchSwitchArea6 -->
                                </div>
                            </form>
                            <!-- /#domestic-search-box -->
                        </div>


                        <!--/#search-box-body-->
                    </div>
                    <!--/#search-box-->
                </section>
                <!------- /search-box ------->
            </div>








                <!-- mainContents -->
                <div id="mainContents">
                    <!--/#mainContents-->
                    <div class="hotels">
                            <section class="htlBox htlBox2">
                                <div class="basic">
                                    <a href="http://travel.rakuten.co.jp/HOTEL/14380/14380.html">
                                        <p class="area">【石川県】加賀（山中・山代・片山津・小松）</p>
                                        <h1>粟津温泉　旅亭懐石　のとや</h1>
                                        <ul class="chara">
                                            <li>特徴1</li>
                                            <li>特徴2</li>
                                            <li>特徴3</li>
                                        </ul>
                                        <p class="explain">◆楽天トラベルアワード８年連続受賞◆加賀温泉郷（粟津温泉・山代温泉・山中温泉・片山津温泉）の老舗旅館</p>
                                        <div class="photo jdsPhotoThumbnail" hover="true">
                                            <img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/BpLiYH.jpeg" alt="" class="mainPhoto">
                                            <ul class="thumPhotos">
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/BpLiYH.jpeg" alt="" class="thumbnail"></li>
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/x1GCNb.jpeg" alt="" class="thumbnail"></li>
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/V5PZPs.jpeg" alt="" class="thumbnail"></li>
                                            </ul>
                                            <!--/.photo-->
                                        </div>
                                    </a>
                                    <!--/.basic-->
                                </div>
                                <p class="rank"><span>ホテルランク</span><em class="ranking45 hide">準5つ星ホテル</em></p>
                                <ul class="plan">
                                    <li>
                                        <a href="http://hotel.travel.rakuten.co.jp/hotelinfo/plan/?f_no=14380#2828257">
                                            <ul class="chara">
                                                <li>特徴1</li>
                                                <li>特徴2</li>
                                            </ul>
                                            <h2 class="planName">◆人気No１【活蟹懐石】～獲れたての活ずわい蟹を『カニ刺』『焼き蟹』『蒸しかに』で満喫！◆</h2>
                                            <p class="price">おひとり様<span><em>8,800</em>円～</span>（●名1室利用時）</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="http://hotel.travel.rakuten.co.jp/hotelinfo/plan/?f_no=107740#2951446">
                                            <ul class="chara">
                                                <li>特徴1</li>
                                                <li>特徴2</li>
                                            </ul>
                                            <h2 class="planName">ＳＥＮＤＡＩ STORY～2013 Spring～Spa付きプラン</h2>
                                            <p class="price">おひとり様<span><em>8,800</em>円～</span>（●名1室利用時）</p>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="btn">
                                    <li><a href="http://web.travel.rakuten.co.jp/portal/my/ry_kensaku.k1?f_no=14380">ボタン1</a></li>
                                    <li><a href="http://coupon.travel.rakuten.co.jp/coupon/hotel/14380">ボタン2</a></li>
                                    <li><a href="http://travel.rakuten.co.jp/HOTEL/14380/gallery.html">ボタン3</a></li>
                                </ul>
                                <!--/.hotelBox-->
                            </section>
                            <section class="htlBox htlBox2">
                                <div class="basic">
                                    <a href="http://travel.rakuten.co.jp/HOTEL/14380/14380.html">
                                        <p class="area">【石川県】加賀（山中・山代・片山津・小松）</p>
                                        <h1>粟津温泉　旅亭懐石　のとや</h1>
                                        <ul class="chara">
                                            <li>特徴1</li>
                                            <li>特徴2</li>
                                            <li>特徴3</li>
                                        </ul>
                                        <p class="explain">◆楽天トラベルアワード８年連続受賞◆加賀温泉郷（粟津温泉・山代温泉・山中温泉・片山津温泉）の老舗旅館</p>
                                        <div class="photo jdsPhotoThumbnail">
                                            <img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/BpLiYH.jpeg" alt="" class="mainPhoto">
                                            <ul class="thumPhotos">
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/BpLiYH.jpeg" alt="" class="thumbnail"></li>
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/x1GCNb.jpeg" alt="" class="thumbnail"></li>
                                                <li><img src="http://img.travel.rakuten.co.jp/share/image_up/14380/LARGE/V5PZPs.jpeg" alt="" class="thumbnail"></li>
                                            </ul>
                                            <!--/.photo-->
                                        </div>
                                    </a>
                                    <!--/.basic-->
                                </div>
                                <p class="rank"><span>ホテルランク</span><em class="ranking45 hide">準5つ星ホテル</em></p>
                                <ul class="plan">
                                    <li>
                                        <a href="http://hotel.travel.rakuten.co.jp/hotelinfo/plan/?f_no=14380#2828257">
                                            <ul class="chara">
                                                <li>特徴1</li>
                                                <li>特徴2</li>
                                            </ul>
                                            <h2 class="planName">◆人気No１【活蟹懐石】～獲れたての活ずわい蟹を『カニ刺』『焼き蟹』『蒸しかに』で満喫！◆</h2>
                                            <p class="price">おひとり様<span><em>8,800</em>円～</span>（●名1室利用時）</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="http://hotel.travel.rakuten.co.jp/hotelinfo/plan/?f_no=107740#2951446">
                                            <ul class="chara">
                                                <li>特徴1</li>
                                                <li>特徴2</li>
                                            </ul>
                                            <h2 class="planName">ＳＥＮＤＡＩ STORY～2013 Spring～Spa付きプラン</h2>
                                            <p class="price">おひとり様<span><em>8,800</em>円～</span>（●名1室利用時）</p>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="btn">
                                    <li><a href="http://web.travel.rakuten.co.jp/portal/my/ry_kensaku.k1?f_no=14380">ボタン1</a></li>
                                    <li><a href="http://coupon.travel.rakuten.co.jp/coupon/hotel/14380">ボタン2</a></li>
                                    <li><a href="http://travel.rakuten.co.jp/HOTEL/14380/gallery.html">ボタン3</a></li>
                                </ul>
                                <!--/.hotelBox-->
                            </section>
                        </div>

                        <!-- <a href="#search-box" class="jdsTriggerClick">LINK</a> -->
    
                </div>
                <!-- /mainContents -->
                <p class="pagetop"><a href="#contentsArea" class="jdsTriggerClick_"><span>このページの先頭へ</span></a></p>
                <!--/#contents-->
            </div>
            <!--/#contentsArea-->
        </div>
        <!--END_MAIN_CONTENTS-->
        <!--/#widewrapper-->


        

        <ul class="jdsSlides" pager="true" nav="true" timeout="1000">
            <li><img src="demo/images/keyvisual01.jpg" alt="特集名"></li>
            <li><img src="demo/images/keyvisual02.jpg" alt="特集名"></li>
            <li><img src="demo/images/keyvisual03.jpg" alt="特集名"></li>
        </ul>

        <div id="ange">
            <ul class="jdsSlides" pager="true" nav="true">
                <li><img src="demo/images/keyvisual01.jpg" alt="特集名"></li>
                <li><img src="demo/images/keyvisual02.jpg" alt="特集名"></li>
                <li><img src="demo/images/keyvisual03.jpg" alt="特集名"></li>
            </ul>
            
            <br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br>
            <br><br><br><br><br><br><br><br><br><br><br>
            
            
        </div>
        <a class="anga1" href="#ange">ange</a>

        <div class="jdsCoponSwitch">one</div>
        <div>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>Hello JDS 1
                <br>
        </div>
        
        <div class="jdsCoponSwitch  active-submenu">two</div>
        <div>Hello JDS 2</div>
        
        <div class="jdsCoponSwitch cp__trigger  active-submenu" speed="0">three</div>
        <div>Hello JDS 3</div>

        <style>
        .swiper-slide span{
            float: left;
            padding: 5px;
            border: 1px solid #ccc;
        }
        </style>

        <div class="jdsSwiper swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide one">Slide <span>AAA<br>AAA<br>AAA</span><span>AAA</span></div>
                    <div class="swiper-slide two">Slide <span>BBB<br>BBB</span><span>BBB</span><span>BBB</span><span>BBB<br>BBB<br>BBB<br>BBB<br>BBB</span><span>BBB</span></div>
                    <div class="swiper-slide three">Slide <span>CCC<br>CCC</span><span>CCC</span></div>
                    <div class="swiper-slide">Slide 4</div>
                    <div class="swiper-slide">Slide 5</div>
                    <div class="swiper-slide">Slide 6</div>
                    <div class="swiper-slide">Slide 7</div>
                    <div class="swiper-slide">Slide 8</div>
                    <div class="swiper-slide">Slide 9</div>
                    <div class="swiper-slide">Slide 10</div>
                </div>
            </div>

            <div class="swiper-pagination"></div>


            <div class="jdsMultiCheck jQ-mc clearfix">
                    <ul class="clearfix multi-check jbPeach">
                        <li><a class="allBtn jdsTriggerClick" href="javascript:void(0);">ALL</a></li>
                        <li><a title="aaa" href="javascript:void(0);">aaa</a></li>
                        <li><a title="bbb" href="javascript:void(0);">bbb</a></li>
                        <li><a title="ccc" href="javascript:void(0);">ccc</a></li>
                        <li><a title="ddd" href="javascript:void(0);">ddd</a></li>
                    </ul>
                 
                    <div class="block">
                        <p class="icoBtns">
                            <span class="aaa">aaa</span>
                            <span class="bbb">bbb</span>
                        </p>
                    </div>
                    <div class="block">
                        <p class="icoBtns">
                            <span class="bbb">bbb</span>
                        </p>
                    </div>
                    <div class="block">
                        <p class="icoBtns">
                            <span class="ccc">ccc</span>
                        </p>
                    </div>
                    <div class="block">
                        <p class="icoBtns">
                            <span class="ddd">ddd</span>
                        </p>
                    </div>
                </div>

                <h2>h2</h2>
                <div class="jdsSingleCheck jQ-sc clearfix">
                        <ul class="clearfix single-check jbPeach">
                            <li><a class="allBtn jdsTriggerClick" href="javascript:void(0);">ALL</a></li>
                            <li><a title="aaa" href="javascript:void(0);">aaa</a></li>
                            <li><a title="bbb" href="javascript:void(0);">bbb</a></li>
                            <li><a title="ccc" href="javascript:void(0);">ccc</a></li>
                            <li><a title="ddd" href="javascript:void(0);">ddd</a></li>
                        </ul>
                     
                        <div class="block">
                            <p class="icoBtns">
                                <span class="aaa">aaa</span>
                                <span class="bbb">bbb</span>
                            </p>
                        </div>
                        <div class="block">
                            <p class="icoBtns">
                                <span class="bbb">bbb</span>
                            </p>
                        </div>
                        <div class="block">
                            <p class="icoBtns">
                                <span class="ccc">ccc</span>
                            </p>
                        </div>
                        <div class="block">
                            <p class="icoBtns">
                                <span class="ddd">ddd</span>
                            </p>
                        </div>
                    </div>


        <style>
                .jdsTab{
                    margin-bottom: 60px;
                }
                .jdsTabNav li{
                    display: inline;
                    background: #ccc;
                }
                .jdsTabNav li.active{
                    background: red;
                }
                .jdsTabNavDown li{
                    display: inline;
                    background: #ccc;
                }
                .jdsTabNavDown li.active{
                    background: red;
                }
            </style>
        
        
            <div class="jdsTab">
                <ul class="jdsTabNav">
                    <li>AAA</li>
                    <li>BBB</li>
                    <li>CCC</li>
                </ul>
             
                <div class="jdsTabMain">AAA</div>
                <div class="jdsTabMain">BBB</div>
                <div class="jdsTabMain">CCC</div>
            </div>

            <div class="jdsTab">
                <div class="jdsTabMain">AAA</div>
                <div class="jdsTabMain">BBB</div>
                <div class="jdsTabMain">CCC</div>
             
                <ul class="jdsTabNav">
                    <li>AAA</li>
                    <li>BBB</li>
                    <li>CCC</li>
                </ul>
            </div>
             
            <div class="jdsTab" show="2" sessionOn="false">
                <ul class="jdsTabNav">
                    <li>AAA</li>
                    <li>BBB</li>
                    <li>CCC</li>
                </ul>
             
                <div class="jdsTabMain">AAA</div>
                <div class="jdsTabMain">BBB</div>
                <div class="jdsTabMain">CCC</div>
             
                <ul class="jdsTabNavDown">
                    <li>AAA</li>
                    <li>BBB</li>
                    <li>CCC</li>
                </ul>
            </div>

            <h1><img class="jdsImgOver" src="demo/images/keyvisual01.jpg" alt=""></h1>

            <ul class="jdsMegaMenu megamenu clearfix">
                <li>
                    <a href="javascript:void(0)">CHINA</a>
                    <div class="this">
                        AAA
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)">JAPAN</a>
                    <div class="this">
                        BBB
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)">USA</a>
                    <div class="this">
                        CCC
                    </div>
                </li>
            </ul>

            <h2>h2222</h2>

            <div class="jdsMapList">
                <div class="jdsMapListMain">
                    <dl>
                        <dt>aaa</dt>
                        <dd>
                            <ul>
                                <li><a href="#">1a</a></li>
                                <li><a href="#">1b</a></li>
                                <li><a href="#">1c</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>bbb</dt>
                        <dd>
                            <ul>
                                <li><a href="#">2a</a></li>
                                <li><a href="#">2b</a></li>
                                <li><a href="#">2c</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>ccc</dt>
                        <dd>
                            <ul>
                                <li><a href="#">3a</a></li>
                                <li><a href="#">3b</a></li>
                                <li><a href="#">3c</a></li>
                            </ul>
                        </dd>
                    </dl>
                </div>
                <div class="jdsMapListMap">
                    <img src="https://img.travel.rakuten.co.jp/special/GW/2017/images/mapArea_non.png">
                    <img src="https://img.travel.rakuten.co.jp/special/GW/2017/images/mapArea02.png">
                    <img src="https://img.travel.rakuten.co.jp/special/GW/2017/images/mapArea03.png">
                    <img src="https://img.travel.rakuten.co.jp/special/GW/2017/images/mapArea04.png">
                </div>
            </div>

            <ul class="jdsSmartMenu sm">
                <li><a href="#">Item 1</a></li>
                <li><a href="javascript:void(0)">Item 2</a>
                    <ul>
                        <li><a href="#">Item 2-1</a></li>
                        <li><a href="#">Item 2-2</a></li>
                        <li><a href="javascript:void(0)">Item 2-3</a>
                            <ul>
                                <li><a href="#">Item 2-1</a></li>
                                <li><a href="#">Item 2-2</a></li>
                                <li><a href="#">Item 2-3</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Item 3</a></li>
            </ul>

            <h2 class="animated bounce">Hello JDS animated</h2>

            <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

            <div class="jdsBaguetteBox">
                <a href="https://img.travel.rakuten.co.jp/camp/tokutabi/201709/bnr/300_214.gif">
                    <img src="https://img.travel.rakuten.co.jp/camp/tokutabi/201709/bnr/300_214.gif">
                </a>
            </div>

            <div class="jdsBaguetteBox">
                <a href="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
                    <img src="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
                </a>
                <a href="https://img.travel.rakuten.co.jp/special/popular/first-half/201708/bnr/300_214.jpg">
                    <img src="https://img.travel.rakuten.co.jp/special/popular/first-half/201708/bnr/300_214.jpg">
                </a>
                <a href="https://img.travel.rakuten.co.jp/special/kouyou/2017/bnr/300_214_01.jpg">
                    <img src="https://img.travel.rakuten.co.jp/special/kouyou/2017/bnr/300_214_01.jpg">
                </a>
            </div>

            <a class="jdsColorBoxImg" href="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
                <img src="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
            </a>

            <a class="jdsColorBoxImg group1"  rel="group1" href="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
                <img src="https://img.travel.rakuten.co.jp/superdeal/bnr/300_214.gif">
            </a>
            <a class="jdsColorBoxImg group1"  rel="group1" href="https://img.travel.rakuten.co.jp/special/popular/first-half/201708/bnr/300_214.jpg">
                <img src="https://img.travel.rakuten.co.jp/special/popular/first-half/201708/bnr/300_214.jpg">
            </a>
            <a class="jdsColorBoxImg group1"  rel="group1" href="https://img.travel.rakuten.co.jp/special/kouyou/2017/bnr/300_214_01.jpg">
                <img src="https://img.travel.rakuten.co.jp/special/kouyou/2017/bnr/300_214_01.jpg">
            </a>

            <a class="jdsColorBoxUrl" thisWidth="50%" thisHeight="50%" href="http://www.baidu.com/">BAIDU</a>

            <p><a class='jdsColorBoxHtml' href="#inline_content1" thisWidth="50%" thisHeight="50%">Show HTML1</a></p>
            <div style='display:none'>
                <div id="inline_content1">
                    html box1
                </div>
            </div>
            
            <p><a class='jdsColorBoxHtml' href="#inline_content2" thisWidth="50%" thisHeight="50%">Show HTML2</a></p>
            <div style='display:none'>
                <div id="inline_content2">
                    html box2
                </div>
            </div>

            <style>
                    .jdsMacy img{
                        width: 100%;
                    }
                </style>
            
            <div class="jdsMacy">
                <div><img src="http://placerabbit.com/602/660/" alt="" ></div>
                <div><img src="http://placerabbit.com/660/646/" alt="" ></div>
                <div><img src="http://placerabbit.com/741/375/" alt="" ></div>
            </div>
                
            <div class="jdsMacy" columns="6" margin="5" sp="1">
                <div><img src="http://placerabbit.com/602/660/" alt="" ></div>
            </div>





        



        























        



    </div>

    
    <span class="jdsShowFix" fixY="ange" showOnly="w100">Hello JDS</span>
    </div>

    <div class="footer">
            footer
            <br><br><br><br><br><br><br><br><br><br><br>
            footer
            <a href="#search-box" class="w100">w100w100w100</a>
        </div>


    
    


    <!--START_FOOTER–>
<!--#include virtual="/share/ext/ssi/rakuten-link.ssi"-->
    <!--#include virtual="/share/ext/ssi/footer-simple.ssi" -->
    <!--END_FOOTER-->

    <script charset="UTF-8" src="http://img.travel.rakuten.co.jp/share/rtl/js/search.js" type="text/javascript"></script>
    <script charset="UTF-8" src="http://img.travel.rakuten.co.jp/share/themes/feature/special/js/index.all.js" type="text/javascript"></script>

    

    

    






    <!-- Web Analysis Tool START -->
    <script language="JavaScript" src="http://img.travel.rakuten.co.jp/share/wat/sc/pagename/promotion_domestic.js"></script>
    <!-- SiteCatalyst code version: H.9.Copyright 1997-2007 Omniture, Inc. More info available at http://www.omniture.com -->
    <script language="JavaScript" src="http://img.travel.rakuten.co.jp/share/wat/sc/s_code.js"></script>
    <script language="JavaScript" src="http://img.travel.rakuten.co.jp/share/wat/sc/code_to_paste.js"></script>
    <!-- End SiteCatalyst code version: H.9. -->
    <script>
        <!--
        rt = new rt_sc_variables();
        codeToPaste();
        -->
    </script>
    <!-- Web Analysis Tool END -->

    <!-- Mebius -->
    <script type="text/javascript">
        var mbHost = (("https:" == document.location.protocol) ? "https://" : "http://");
        document.write(unescape("%3Cscript src='" + mbHost + "rd.rakuten.co.jp/js/p_code.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
        <!--
        i = "6.2994.0";
        n = "travel";
        l = "travel";
        r = document.referrer;
        document.write(p(i, n, l, r));
        //-->
    </script>
    <noscript>
        <img src="https://rd.rakuten.co.jp/p/?i=6.2994.0&n=travel&l=travel&r=" />
    </noscript>
    <!-- /Mebius -->




    
    <script src="js/jds.v2.es6.js" type="text/javascript"></script>
    <script src="js/app.v2.js" type="text/javascript"></script>

</body>

</html>